import React from 'react';
import { NavLink } from "react-router-dom";
import "./index.css"
const Home = (props) => {
    const { routes } = props;
    console.log(props);
    return <div className="home">
        
        <main>
            {
            props.children
        }
        </main>
        

        <footer>
            {
                routes.map((item, index) => {
                    return <NavLink key={index} to={item.path}>
                        {item.title}
                    </NavLink>
                })
            }
        </footer>
    </div>
}
export default Home